diff options
| author | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:22:33 +0200 |
|---|---|---|
| committer | Martin Kagamino Lehoux <martin@lehoux.net> | 2026-09-12 22:22:33 +0200 |
| commit | 1cef356be95a67f95d40f5b0b131f98d11f13c13 (patch) | |
| tree | a0d93976998b0395e373a7a9f0127cc35e77a6f2 /src/routes/grocery/[id]/+page.svelte | |
| parent | b11a40840cfe0e9978f78cacd68d68764eabec58 (diff) | |
Extract Button primitive, migrate all call sites
Variants primary/accent/ghost/done with scoped styles.
Disabled handling unified; block/size/style props cover
login stretch, done-lg, save-check positioning.
Delete btn-* globals and dead page overrides.
Diffstat (limited to 'src/routes/grocery/[id]/+page.svelte')
| -rw-r--r-- | src/routes/grocery/[id]/+page.svelte | 13 |
1 files changed, 4 insertions, 9 deletions
diff --git a/src/routes/grocery/[id]/+page.svelte b/src/routes/grocery/[id]/+page.svelte index 4a96f32..8a0a479 100644 --- a/src/routes/grocery/[id]/+page.svelte +++ b/src/routes/grocery/[id]/+page.svelte @@ -1,5 +1,6 @@ <script lang="ts"> import { enhance } from '$app/forms'; + import Button from '$lib/components/Button.svelte'; let { data, form } = $props(); let name = $state(''); @@ -132,7 +133,7 @@ /> </label> </div> - <button class="btn-primary" type="submit">Ajouter une référence</button> + <Button>Ajouter une référence</Button> </form> {#if form?.error} @@ -154,15 +155,9 @@ <span class="ref-detail">Note : {ref.qualityScore}/100</span> {/if} </div> - <button - class="btn-ghost" - name="id" - value={ref.id} - type="submit" - aria-label="Supprimer" + <Button variant="ghost" name="id" value={ref.id} ariaLabel="Supprimer" + >×</Button > - × - </button> </li> {/each} </ul> |